<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>035-HTML5-Input类型-number</title>
</head>

<body>
    <!-- number 类型用于应该包含数值的输入域。 -->
    <!-- 您还能够设定对所接受的数字的限定： -->

    <form action="demo-form.php">
        数量 ( 1 到 5 之间): <input type="number" name="quantity" min="1" max="5">
        <input type="submit">
    </form>

    <p><b>注意:</b>Internet Explorer 9 及更早 IE 版本不支持 type="number" 。</p>

    <!-- disabled	规定输入字段是禁用的 -->
    <!-- max	规定允许的最大值 -->
    <!-- maxlength	规定输入字段的最大字符长度 -->
    <!-- min	规定允许的最小值 -->
    <!-- pattern	规定用于验证输入字段的模式 -->
    <!-- readonly	规定输入字段的值无法修改 -->
    <!-- required	规定输入字段的值是必需的 -->
    <!-- size	规定输入字段中的可见字符数 -->
    <!-- step	规定输入字段的合法数字间隔 -->
    <!-- value	规定输入字段的默认值 -->

    <!-- HTML5：max、min、pattern、required、step -->
</body>

</html>